<?template name="game_one"?>
<div style="height: 110px; width: 150px; float: left; overflow: hidden; background-color: #bbb;">
</div>
<div style="background-color: #ddd; overflow: hidden; background-color: #ccc;">
	<div class="scrolled" style="height: 50px;width:100%">
		<div style="height: 30px; width: 3000px; background-color: #aaa"></div>
	</div>
	<div class="scrolled" style="height: 100px;width:100%">
		<div style="height: 80px; width: 3000px; background-color: #bbb"></div>
	</div>
</div>
<script>
window.game_one = function(root){
	var ary = $("div.scrolled",root);
	dbg("a'im here " + ary.length);
	$("div.scrolled",root).jScrollPane({
		showArrows: true,
		horizontalGutter: 10,
		verticalGutter: 10,
	}).resize(function(){
		$(this).data().jsp.reinitialise();
		return true;
	});
}
</script>
<?/template?>
